/* CSS Document */

.sl {padding: 70px 0px 120px 0px;clear:both;width:100%;}

.sl .stit{width:25%;float:left;}
.s1 .stit a{display:block;width:100%;}
.s1 .stit a img{max-width:100%;width:auto;height:auto;}
.sl .smm{margin:0 auto;width:75%;height:auto;float:right;}
.sl .smm ul{width:100%;height:100%;}
.sl .smm ul li{width:23%;float:left;margin-left:1%;margin-right:1%;}

.sl .smm ul li a{width:100%;height:auto;margin:0 auto;display:block;position:relative;overflow:hidden;}
.sl .smm ul li a img{max-width:100%;width:auto;height:auto;transition: all 0.6s; -ms-transition: all 0.8s; }
.sl .smm ul li a:hover img{ transform: scale(1.1);    -ms-transform: scale(1.1);}
.sl .smm ul li  p{margin:0 auto;width:100%;line-height:3;color:#fff;font-size:1.6rem;font-weight:normal;text-align:center;margin-top: 5rem;}
.sl .smm ul li  p span{margin:0 auto;font-size:1.2rem;display:block;width:100%;text-align:center;}
.sl .smm .smm_text{position:absolute;top:0px;left:0%;width:100%;height: 50%;line-height:3;color:#fff;font-size:2.4rem;font-weight:bold; background:linear-gradient(rgba(45,95,195,1),rgba(99,129,190,0));transition: all 0.6s; -ms-transition: all 0.8s;}
.sl .smm li:hover .smm_text{background:url(../image/c1.jpg) no-repeat center top;width:100%;height:100%;margin:0px;padding:0px;transition: all 0.6s; -ms-transition: all 0.8s;opacity:1;}



.sl .ntit{width:100%;clear:both;height:auto;margin:0 auto;display:none}
.sl .ntit .at1{width:100%;height:auto;clear:both;display:block;text-align:center;}
.sl .ntit .at1 img{max-width:100%;width:auto;height:auto;}
.sl .ntit .at2{width:100%;height:auto;clear:both;display:block;font-size:3rem;color:#d20a1a;font-weight:bold;letter-spacing:2px;line-height:2.6;text-align: center;}
.sl .ntit .at2 span{color:#000;border-bottom:solid #d20a1a 2px;line-height:2;}
.sl .ntit .more{display:block;width:55px;height:28px;background:#1952be;line-height:28px;color:#fff;text-align:center;font-size:1.4rem;float:right;clear:both;border-radius:5px;}
.sl .ntit:hover .more{background:#d31221;transition: all 0.6s; -ms-transition: all 0.8s;opacity:1;}









@media (max-width:468px) {
.sl {padding: 40px 0px;}
.sl .stit{display:none;}
.sl .ntit{display:block;}
.sl .ntit{width:100%;padding: 30px 0px;}
.sl .ntit . h1 a { width: 100%;float:none; text-align:center;margin: 0 auto;font-size: 3.2rem; color: #000; display: block; font-weight: normal;}
.sl .ntit h2 a{width:100%;font-size:2rem;text-align:center;line-height:2;}
.sl .ntit p { width: 95%; float:none;margin:0 auto; font-size: 1.4rem;  color: #767272; line-height: 1.6;}
.sl .ntit .more{display:none;}
.sl .smm{width:100%;}
.sl .smm ul li{width:48%;}

}


@media (max-width:767px) {
.sl {padding: 40px 0px;}
.sl .stit{display:none;}
.sl .ntit{display:block;}
.sl .ntit{width:100%;padding: 30px 0px;}
.sl .ntit . h1 a { width: 100%;float:none; text-align:center;margin: 0 auto;font-size: 3.2rem; color: #000; display: block; font-weight: normal;}
.sl .ntit h2 a{width:100%;font-size:2rem;text-align:center;line-height:2;}
.sl .ntit p { width: 95%; float:none;margin:0 auto; font-size: 1.4rem;  color: #767272; line-height: 1.6;}
.sl .ntit .more{display:none;}
.sl .smm{width:100%;}
.sl .smm ul li{width:48%;margin-top:1rem;}



}
@media (min-width:768px) and (max-width:990px) {
.sl {padding: 40px 0px;}
.sl .stit{display:none;}
.sl .ntit{display:block;}
.sl .ntit{width:100%;padding: 30px 0px;}
.sl .ntit . h1 a { width: 100%;float:none; text-align:center;margin: 0 auto;font-size: 3.2rem; color: #000; display: block; font-weight: normal;}
.sl .ntit h2 a{width:100%;font-size:2rem;text-align:center;line-height:2;}
.sl .ntit p { width: 95%; float:none;margin:0 auto; font-size: 1.4rem;  color: #767272; line-height: 1.6;}
.sl .ntit .more{display:none;}
.sl .smm{width:100%;}




}

@media (min-width:991px) and (max-width:1200px) {
.sl {padding: 40px 0px;}
.sl .tit{width:100%;padding: 30px 0px;}
.sl .tit h1 a { width: 70%;float:none;font-size: 3.2rem; color: #000; display: block; font-weight: normal;}
.sl .tit h2 a{width:70%;font-size:2rem;line-height:2;}
.sl .tit p { width: 70%; float:none; font-size: 1.4rem;  color: #767272; line-height: 1.6;}
.sl .tit .more{width:20%;margin-top: -8rem;}



}
@media (min-width:1201px) and (max-width:1440px) {
.sl {padding: 40px 0px;}
.sl .tit{width:100%;padding: 30px 0px;}
.sl .tit h1 a { width: 70%;float:none;font-size: 3.2rem; color: #000; display: block; font-weight: normal;}
.sl .tit h2 a{width:70%;font-size:2rem;line-height:2;}
.sl .tit p { width: 70%; float:none; font-size: 1.4rem;  color: #767272; line-height: 1.6;}
.sl .tit .more{width:20%;margin-top: -8rem;}

.sl .mm{width:100%;float:left;padding:10px 0px;}

}

@media (min-width:1441px) and (max-width:1680px) {
.sl {padding: 40px 0px;}
.sl .tit{width:100%;padding: 30px 0px;}

}
}
@media (min-width:1681px) and (max-width:1780px) {


}